<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>商品列表</title>
<%@include file="/include.jsp"%>
<script type="text/javascript" src="${ctx}/res/js/jquery.form.js"></script>
<script type="text/javascript">
//加载商品品牌的数据表格
function dept_load_data(){
	$('#dg_dept').datagrid({
		title:'部门列表',//标题
		height:'auto',	//高度
		nowrap: false, 	//单元格显示是否禁止换行
        striped: true, 	//是否相邻行使用不同背景色区分
        border: true, 	//是否加边框
		singleSelect:false,//是否单选
		rownumbers:true,//行号 
		idField:'deptID',//id字段 
		checkOnSelect:false,//选择行的时候不选中多选框
        frozenColumns:[[{field:'deptID',checkbox:true}]],//固定列
		remoteSort:false,//远程排序
		fitColumns:true,//自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动
	    pagination:true,//分页
	    loading:true,	//加载时显示 正在加载
		url:'${ctx}/dept/listData.do', //加载json格式数据的路径
		toolbar: '#dg_dept_toolbar',//工具栏的id选择器
	    columns:[[    //deptID,deptName,empID,digest
	        {field:'deptName',title:'名称',width:80,align:'left'},   
	        {field:'digest',title:'摘要',width:160,align:'left'},    
	        {field:'sortOrder',title:'详情',width:80,align:'left',
	        	formatter:function(value,row,index){
						return '<a href="${ctx}'+row.deptURI+'">查看详细信息</a>';
			 	}  
	        }
	        
	    ]]
	});  

}

//添加
function dept_add(){
	$("#dialog_dept").dialog({
		title: '添加部门',
	    width: 400,    
	    height: 200,  
	    top:100,
	    closed: false,    
	    cache: false,    
	    href: '${ctx}/dept/add.do', 
	    loadingMessage:'正在加载...',
	    modal: true,
	    buttons:[{
			text:'保存',
			handler:function(){
				var data = $("#dept_form").serialize();
				var flag = $("#dept_form").form('validate');
				if(!flag){
					$.messager.alert('提示','请正确填写表单内容');
					return;
				}
				$.ajax({
					url:'${ctx}/dept/addSave.do',
					type:'post',
					dataType:'json',
					data:data,
					success:function(resp){
						$.messager.alert('提示',resp.message);
						if(resp.success){
							$("#dialog_dept").dialog('close');
							$("#dg_dept").datagrid('reload');
						}
					},
					error:function(){
						$.messager.alert('提示','操作失败');
					}
				}); 
			}
		},{
			text:'关闭',
			handler:function(){
				$("#dialog_dept").dialog("close");
			}
		}]
	});
}
//修改部门信息
function dept_edit(){
	//获得勾选的行,可能是多行,返回数组
	var rows = $("#dg_dept").datagrid('getChecked');
	if(!rows || rows.length!==1){
		$.messager.alert('提示','请选择一条记录');
		return;
	}
	$("#dialog_dept").dialog({
		title: '修改部门',
	    width: 400,    
	    height: 200,
	    top:100,
	    closed: false,    
	    cache: false,    
	    href:  '${ctx}/dept/edit.do?deptID='+rows[0].deptID,
	    loadingMessage:'正在加载...',
	    modal: true,
	    buttons:[{
			text:'保存',
			handler:function(){
				var data = $("#dept_edit_form").serialize();
				var flag = $("#dept_edit_form").form('validate');
				if(!flag){
					$.messager.alert('提示','请正确填写表单内容');
					return;
				}
				$.ajax({
					url:'${ctx}/dept/editSave.do',
					type:'post',
					dataType:'json',
					data:data,
					success:function(resp){
						$.messager.alert('提示',resp.message);
						if(resp.success){
							$("#dialog_dept").dialog('close');
							$("#dg_dept").datagrid('reload');
						}
					},
					error:function(){
						$.messager.alert('提示','操作失败');
					}
				}); 
			}
		},{
			text:'关闭',
			handler:function(){
				$("#dialog_dept").dialog("close");
			}
		}]
	});
}
//删除部门
function dept_remove(){
	var rows = $("#dg_dept").datagrid('getChecked');
	if(!rows||rows.length==0){
		$.messager.alert('提示','请选择记录');
		return;
	}
	$.messager.prompt('提示信息', '此操作需要解锁权限,请输入安全码：', function(r){
		if (r=='10101010'){

			$.messager.confirm('确认','您确认想要删除记录吗？',function(r){    
			    if (r){    
			    	var ids = [];
					for(var i in rows){
						ids.push(rows[i].deptID);
					}
					$.ajax({
						url:'${ctx}/dept/remove.do',
						type:'post',
						dataType:'json',
						data:"ids="+ids.join(','),
						success:function(resp){
							$.messager.alert('提示',resp.message);
							if(resp.success){
								$("#dg_dept").datagrid('reload');
							}
						},
						error:function(){
							$.messager.alert('提示','操作失败');
						}
					});
			    }    
			}); 
		}else{
			alert("安全码错误!");
			return;
		}
	});

 
}
$(document).ready(dept_load_data);
</script>
</head>
<body>
<div style="padding:10px">
	<!-- 部门数据表格-->
	<table id="dg_dept"></table> 
	<!-- 部门数据表格-toolbar-->
	<div id="dg_dept_toolbar">
		<div style="padding:2px 5px;">
			<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="dept_add();">添加</a>
			<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="dept_remove();">删除</a>
			<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="dept_edit();">编辑</a>
		</div>
	</div>  
	<!-- 弹出窗口的div -->
	<div id="dialog_dept"></div>
</div>
</body>
</html>